<template>
     <div>
        <template v-for="(i, index) in items">
            <div>
               {{ index+1 }}  : {{ i.name }} - {{ i.age}}
            </div>
        </template>
     </div>
</template>
<script setup>
import { reactive } from "vue";


const items = reactive([
    {
        name: "zhangsan",
        age: 18
    },
    {
        name: "lisi",
        age: 19
    },
    {
        name: "wangwu",
        age: 20
    }
])

</script>
